﻿@charset "UTF-8";
/*����ɫ��*/
/*$body-bg:               #fff !default;
//** Global text color on `<body>`.
$text-color:            $gray-dark !default;

//** Global textual link color.
$link-color:            $brand-primary !default;
//** Link hover color set via `darken()` function.
$link-hover-color:      darken($link-color, 15%) !default;
//** Link hover decoration.
$link-hover-decoration: underline !default;*/
/*$font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base:        $font-family-sans-serif !default;

$font-size-base:          14px !default;
$font-size-large:         ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small:         ceil(($font-size-base * 0.85)) !default; // ~12px

$font-size-h1:            floor(($font-size-base * 2.6)) !default; // ~36px
$font-size-h2:            floor(($font-size-base * 2.15)) !default; // ~30px
$font-size-h3:            ceil(($font-size-base * 1.7)) !default; // ~24px
$font-size-h4:            ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-h5:            $font-size-base !default;
$font-size-h6:            ceil(($font-size-base * 0.85)) !default; // ~12px*/
/*@import "bootstrap/bootstrap/normalize";
@import "bootstrap/bootstrap/print";
@import "_glyphicons";


@import "_base";


// Core CSS
@import "_grid";

// Components
@import "_navbar";
@import "_nav";
@import "_button-group";
@import "_button";
@import "_avatar";
@import "_drop-down-menu";
@import "_footer";*/
.header-with-icon {
    text-align: center;
    margin-bottom: 32px;
    color: #777;
}

    .header-with-icon .icon {
        width: 60px;
        height: 60px;
        border: 2px solid #333;
        border-radius: 50%;
        text-align: center;
        line-height: 52px;
        font-size: 23px;
        color: #333;
    }

    .header-with-icon h2 {
        font-size: 23px;
        font-weight: bold;
        color: #333;
        margin-top: 36px;
        margin-bottom: 24px;
    }

    .header-with-icon p {
        margin-bottom: 12px;
    }

    .header-with-icon .dash-dot {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.header-without-icon {
    text-align: center;
    margin-bottom: 32px;
    color: #777;
}

    .header-without-icon::before {
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .header-without-icon h2 {
        font-size: 23px;
        font-weight: bold;
        color: #333;
        margin-top: 60px;
        margin-bottom: 24px;
    }

    .header-without-icon p {
        margin-bottom: 12px;
    }

    .header-without-icon .dash-dot {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.imgDesc {
    background-color: #fff;
    margin-bottom: 32px;
    position: relative;
    height: 400px;
}

    .imgDesc img {
        width: 380px;
        height: auto;
    }

.imgDesc-intro {
    padding-left: 14px;
    padding-right: 14px;
}

    .imgDesc-intro h3 {
        font-size: 16px;
        font-weight: bold;
        color: #333;
        margin-top: 18px;
        margin-bottom: 12px;
    }

    .imgDesc-intro .imgDesc-intro-desc {
        color: #777777;
        margin-top: 12px;
        font-size: 13px;
    }

    .imgDesc-intro .imgDesc-button {
        position: absolute;
        bottom: 16px;
        /*left: 14px;*/
    }

.button {
    display: block;
    width: 82px;
    height: 30px;
    border: 1px solid #5a5d69;
    border-radius: 3px;
}

a.button {
    display: block;
    width: 82px;
    height: 30px;
    border: 1px solid #5a5d69;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
}

    a.button:hover {
        background-color: #363C49;
    }

a.button-blue {
    display: block;
    width: 82px;
    height: 30px;
    border: 1px solid #5a5d69;
    border-radius: 3px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    background-color: #4BA0D2;
}

    a.button-blue:hover {
        background-color: #4491BE;
    }

.button-round {
    display: block;
    width: 180px;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 24px;
    text-align: center;
    font-weight: bold;
}

a.button-round {
    display: block;
    width: 180px;
    height: 48px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
    border-radius: 24px;
    text-align: center;
    text-decoration: none;
    line-height: 46px;
}

a.button-round-380-48 {
    display: block;
    width: 380px;
    height: 48px;
    color: #fff;
    border-radius: 24px;
    text-align: center;
    text-decoration: none;
    line-height: 46px;
    border: 1px solid #fff;
}

.button-blueborder-whitefacet-100-36 {
    float: left;
    display: block;
    color: #D8563F;
    border: 1px solid #D8563F;
    border-radius: 18px;
    width: 100px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    text-decoration: none;
    font-size: 13px;
}

    .button-blueborder-whitefacet-100-36:hover {
        color: #fff;
        background-color: #D8563F;
    }

.button-blueborder-whitefacet-200-44 {
    display: block;
    color: #D8563F;
    border: 1px solid #D8563F;
    border-radius: 22px;
    width: 200px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    text-decoration: none;
}

.button-rec, .button-rec-orange {
    display: inline-block;
    height: 42px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #3074a3;
    color: #fff;
    text-align: center;
    font-size: 19px;
    text-decoration: none;
    line-height: 42px;
}

.button-rec-orange {
    font-size: 16px;
    background-color: #3290CA;
}

.reward {
    padding-bottom: 60px;
}

.reward-item {
    margin-top: 32px;
}

    .reward-item .reward-item-header {
        color: #D8563F;
    }

        .reward-item .reward-item-header .icon {
            display: block;
            width: 40px;
            height: 40px;
            border: 2px solid #D8563F;
            border-radius: 50%;
            line-height: 36px;
            font-size: 23px;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
        }

        .reward-item .reward-item-header h3 {
            font-size: 19px;
            font-weight: normal;
            text-align: center;
            margin-top: 16px;
        }

        .reward-item .reward-item-header .index {
            font-size: 33px;
            line-height: 33px;
            color: rgba(216, 86, 63, 0.5);
            text-align: center;
            margin-top: 40px;
            margin-bottom: 16px;
        }

.intro-box h4 {
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}

.intro-box p {
    font-size: 13px;
    color: #777777;
}

.offline-schedule {
    background-color: #3290ca;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
}

    .offline-schedule h2 {
        font-size: 23px;
        font-weight: bold;
        margin-bottom: 32px;
        text-align: center;
        color: #fff;
        margin-top: 0;
        margin-bottom: 6px;
    }

    .offline-schedule p {
        color: #fff;
    }

    .offline-schedule ol {
        padding-left: 30px;
        margin-top: 0;
    }

    .offline-schedule li {
        margin-bottom: 30px;
    }




.note {
    /*background-color: #f9f9f9;*/
    /*padding-top: 20px;*/
    padding-bottom: 40px;
}

    .note h2 {
        /*font-size: 23px;
        font-weight: bold;
        margin-bottom: 32px;
        text-align: center;
        color: #363636;
        margin-top: 0;
        margin-bottom: 6px;*/
    }

    .note .row img {
        float: left;
        display: block;
        width: 300px;
        margin-top: 50px;
        margin-right: 120px;
    }

    .note .row ul {
        list-style: none;
        margin-left: 370px;
        width:550px;
    }

        .note .row ul li {
            margin-bottom: 8px;
        }

            .note .row ul li span:before {
                content: " / ";
            }

            .note .row ul li span {
                color: #777;
            }

            .note .row ul li a {
                color: #333;
                text-decoration: none;
            }

                .note .row ul li a:hover {
                    text-decoration: underline;
                }



.teacher-team {
    padding-top: 60px;
    padding-bottom: 60px;
}

    .teacher-team .cycle-slideshow {
        position: relative;
    }

    .teacher-team .cycle-prev, .teacher-team .cycle-next {
        width: 60px;
        height: 120px;
        position: absolute;
        z-index: 100;
        opacity: .3;
    }

        .teacher-team .cycle-prev:hover, .teacher-team .cycle-next:hover {
            opacity: .8;
        }

    .teacher-team .cycle-prev {
        left: 0;
        top: 170px;
    }

    .teacher-team .cycle-next {
        right: 0;
        top: 170px;
    }

.teacher-team-item {
    height: 524px;
    overflow: hidden;
}

    .teacher-team-item .teacher-team-item-avatar {
        text-align: center;
    }

    .teacher-team-item img {
        border-radius: 50%;
        width: 200px;
        height: 200px;
    }

    .teacher-team-item .name {
        text-align: center;
        color: #333;
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .teacher-team-item .brief-desc {
        font-size: 16px;
        color: #97a7b0;
        text-align: center;
        margin-top: 12px;
        margin-bottom: 18px;
    }

    .teacher-team-item .desc {
        font-size: 13px;
        color: #777;
    }

    .teacher-team-item .media-link {
        margin-top: 24px;
        text-align: center;
        font-size: 13px;
        color: #D8563F;
    }

        .teacher-team-item .media-link a {
            text-decoration: none;
            color: #D8563F;
        }

.teacher-team-button {
    margin-right: auto;
    margin-left: auto;
    margin-top: 46px;
}

.qAnda {
    color: #333;
    background-color: #f9f9f9;
    padding-bottom: 60px;
}

    .qAnda span {
        font-weight: bold;
    }

.topbanner {
    height: 407px;
    background: url(../img/background.png) 50% no-repeat;
    color: #fff;
}

    .topbanner:before,
    .topbanner:after {
        content: " ";
        display: table;
    }

    .topbanner:after {
        clear: both;
    }

    .topbanner::before {
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .topbanner h2 {
        font-size: 28px;
    }

        .topbanner h2 span {
            font-size: 48px;
        }

    .topbanner .topbanner-button {
        margin-top: 32px;
    }

    .topbanner .topbanner-content {
        margin-top: 150px;
    }

    .topbanner .subscribe-title{
        display:block;
        margin-top:8px;
        font-size:24px;
        line-height:1;
    }
    .topbanner .subscribe-text{
        display:block;
        margin-top:8px;
        margin-bottom:6px;
        font-size:12px;
        line-height:1;
    }

.topbanner-siliconValley {
    height: 380px;
    background: url(../img/silliconValley/banner.png) 50% no-repeat;
    color: #fff;
}

    .topbanner-siliconValley ::before {
        content: ".";
        display: block;
        height: 0;
        visibility: hidden;
    }

    .topbanner-siliconValley h2 {
        font-size: 28px;
        margin-top: 0;
        margin-bottom: 0;
    }

        .topbanner-siliconValley h2 span {
            font-size: 48px;
        }

    .topbanner-siliconValley .topbanner-content {
        margin-top: 60px;
    }

.topbanner-specialty {
    height: 380px;
    background-color: #3983b8;
    background-image: none;
}

    .topbanner-specialty p {
        margin-bottom: 18px;
    }

    .topbanner-specialty h2 {
        font-size: 33px;
        font-weight: bold;
        margin-top: 40px;
        margin-bottom: 24px;
    }

    .topbanner-specialty .topbanner-content {
        margin-top: 0;
    }

    .topbanner-specialty .quoteprice {
        display: inline-block;
        color: rgba(255, 255, 255, 0.5);
        text-decoration: line-through;
        margin-left: 24px;
    }

    .topbanner-specialty .topbanner-specialty-btn {
        width: 250px;
        margin-bottom: 12px;
    }
    .topbanner-specialty .topbanner-specialty-btn:hover {
        background-color:#ff7200;
    }


.table {
    border: 1px solid #fff;
    text-align: left;
    vertical-align: central;
    height: 270px;
    width: 380px;
}

    .table .table-header {
        text-align: center;
    }

    .table td, .table th {
        border: 1px solid #fff;
        padding-left: 10px;
    }

.coupon-table {
    width: 740px;
    text-align: left;
}

    .coupon-table thead {
        border-top: 1px solid #d5d5d5;
        border-bottom: 2px solid #d5d5d5;
    }

    .coupon-table tr {
        border-bottom: 1px solid #d5d5d5;
    }

    .coupon-table td, .coupon-table th {
        padding-top: 20px;
        padding-bottom: 12px;
    }

    .coupon-table th {
        font-size: 16px;
        font-weight: normal;
        color: #333;
    }

    .coupon-table tbody {
        color: #777;
        font-size: 13px;
    }

    .coupon-table a {
        color: #D8563F;
        text-decoration: none;
    }

.resFile-table {
    color: #777;
    font-size: 13px;
    width: 880px;
}

    .resFile-table tr {
        height: 48px;
    }

    .resFile-table tbody > tr:hover {
        background-color: #f4f4f4;
        cursor: pointer;
    }

    .resFile-table thead th:first-of-type {
        text-indent: 20px;
        width: 540px;
    }

    .resFile-table thead th:nth-of-type(2) {
        width: 150px;
    }

    .resFile-table tbody > tr > td:first-of-type {
        background-image: url("../img/file_icon.png");
        width: 540px;
        background-repeat: no-repeat;
        background-position: 4px center;
        text-indent: 36px;
    }

    .resFile-table th {
        font-weight: normal;
        text-align: left;
    }

.courses {
    background-color: #f9f9f9;
    padding-bottom: 60px;
}

.reward-item {
    padding-top: 60px;
    padding-bottom: 60px;
    margin-top: 0;
}

    .reward-item h2 {
        margin-top: 0;
    }

    .reward-item .reward-item-button {
        margin-left: auto;
        margin-right: auto;
        margin-top: 26px;
    }

.study-flow {
    /*background-color: #f9f9f9;*/
    padding-bottom: 60px;
}

.teacher-team {
    padding-top: 0;
}

.pre-knowledge {
    background-color: #f9f9f9;
    padding-bottom: 30px;
}

    .pre-knowledge ol {
        margin-left: 350px;
        width:550px;
    }

        .pre-knowledge ol li {
            color: #333;
            line-height: 24px;
            margin-top: 8px;
        }

        .pre-knowledge ol ul{
            list-style-type:none;
        }

        .pre-knowledge .course-link{
            text-decoration:none;
            color:#D8563F;
        }
        
        .pre-knowledge .course-link:hover{
            text-decoration:underline;
        }
        

.welfare {
    background-color: #f9f9f9;
}
